import Vue from 'vue';
import {
    Button
} from 'vant';
import {
    Tabbar,
    TabbarItem
} from 'vant';
import {
    Swipe,
    SwipeItem
} from 'vant';
import {
    Grid,
    GridItem
} from 'vant';
import {
    PullRefresh
} from 'vant';
import {
    Toast
} from 'vant';
import {
    Card
} from 'vant';
import {
    Cell,
    CellGroup
} from 'vant';
import {
    Icon
} from 'vant';
import {
    Loading
} from 'vant';
import {
    Field
} from 'vant';
import {
    List
} from 'vant';
import {
    Tab,
    Tabs
} from 'vant';
import {
    Lazyload
} from 'vant';

import {
    ImagePreview
} from 'vant';

import {
    Image as VanImage
} from 'vant';
import {
    Switch
} from 'vant';

import {
    Stepper
} from 'vant';
import {
    Search
} from 'vant';
import {
    Tag
} from 'vant';


Vue.use(Tag);
Vue.use(Search);
Vue.use(Stepper);
Vue.use(Switch);
Vue.use(VanImage);
// 注册时可以配置额外的选项
Vue.use(Lazyload, {
    lazyComponent: true,
});
Vue.use(Tab);
Vue.use(Tabs);
Vue.use(List);
Vue.use(Field);
Vue.use(Loading);
Vue.use(Icon);
Vue.use(Cell);
Vue.use(CellGroup);
Vue.use(Card);
Vue.use(Toast);
Vue.use(PullRefresh);
//注册宫格组件，我们就可以制作宫格效果了
Vue.use(Grid);
Vue.use(GridItem);

//注册了Swipe组件，此时我们就可以使用轮播图了
Vue.use(Swipe);
Vue.use(SwipeItem);

//注册Tabbar组件，我们就可以在页面中放tabbar组件了
Vue.use(Tabbar);
Vue.use(TabbarItem);
//使用Vue注册Button按钮，所有页面中就应该可以使用button这个组件了
Vue.use(Button);
// 全局注册
Vue.use(ImagePreview);